/* pages/custom/index.wxss */
@import "../../styles/index.scss";
.custompage{
  display: flex;
flex-direction: column;
height: 100Vh;
}
.top {
  flex: 1;
	&-img {
		width: 750rpx;
		height: 100%
	}
}
.nav {
	padding: 20rpx 18rpx;
	@include flex;
	justify-content: flex-end;
	&-item {
		@include flex;
	}
	.label {
		font-size: 28rpx;
		color: #000;
		margin-right: 6rpx;
	}
	.icon {
		width: 36rpx;
		height: 36rpx;
	}
}
.box {
	padding: 0 14rpx;
	&-item {
		position: relative;
		padding: 20rpx 0;
		.bottom {
			position: absolute;
			bottom: 0;
			left: 0;
			background-color: #000;
			height: 2rpx;
			width: 100%;
			transform: scaleY(.5);
		}
		.text {
			color: #000;
			font-size: 28rpx;
		}
		.step {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			color: #000;
			font-size: 38rpx;
		}
	}
}
.btn {
	@include flex-center;
  padding: 86rpx 0 30rpx;
  justify-content: space-around;
  width: calc(100% - 40rpx);
  padding: 20rpx;
  gap: 20rpx;
	&-item {
		@include flex-center;
	  flex: 1;
		height: 96rpx;
		background-color: #000;
		font-size: 28rpx;
		color: #fff;
	}
}

.Test{
  position: fixed;
  top: 500rpx;
  right: 20rpx;
  background: #000;
  color: #fff;
  line-height: 40rpx;
  padding: 20rpx;
  font-family: "family1"
}